import Vue from 'vue'
import VueRouter from 'vue-router'
import routes from './routes'
// 加载样式
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
// 因配置的进度条右上角还有一个圆圈加载的样式，所以用下面命令可去掉
NProgress.configure({ showSpinner: false })
Vue.use(VueRouter)

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})
// 注册全局前置守卫函数
router.beforeEach((to, from, next) => {
  // =================进度条开始播放==========================
  NProgress.start()

  // 动态修改网络页面/与routes.js中的meta:{title:'登录页面'}连用
  document.title = to.meta && to.meta.title || "饿了么"

  // ===========获取token==============
  var token = localStorage.getItem('token')
  // 判断页面是否登录，如果未登录则跳转到登录页面，登录完则返回原页面
  if (to.path == '/index/dan' || to.path == '/index/ge') {
    if(token){
      next()
    }else{
      // 方式一
      next('/login')
      // 方式二
      router.push('/login')
    }
  }else{
    next()
  }
// next（）必须调用，否则白屏
})
router.afterEach((to, from) => {
  // ===============进度条结束播放===================
  NProgress.done()
})




export default router
